<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
	<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
	<style>
		.layui-layer-content{
			color: #fff;
		}
		#add_btn{
			cursor: pointer;
		}
		#reset_btn{
			cursor: pointer;
		}
	</style>
</head>
<body>
<div id="app">
	<div class="header">
		<span>添加用户</span>
	</div>
	<div class="content">
		<table>
			<tr>
				<td class="text-right">姓名</td><td class="content_right"><input class="input" placeholder="请输入姓名"></td>
			</tr>
			<tr>
				<td class="text-right">手机号码</td><td class="content_right"><input class="input" placeholder="请输入手机号码"></td>
			</tr>
			<tr>
				<td class="text-right">身份证号码</td><td class="content_right"><input class="input" placeholder="请输入身份证号码"></td>
			</tr>
			<tr>
				<td class="text-right">密码</td><td class="content_right"><input class="input" placeholder="请输入密码"></td>
			</tr>
			<tr>
				<td></td><td class="content_right"><span id="add_btn" class="btn btn-info">立即提交</span> <span id="reset_btn" class="btn">重置</span> </td>
			</tr>
		</table>
	</div>
</div>
<script src="../../assets/layui.all.js"></script>
<script src="/qrcode/jquery2.1.4.js"></script>
<script src="/layer/layer.js"></script>
<script>

	function checkName(){
		var userName = $("input:eq(0)").val();
		if (userName == null || userName.length == 0){
			alert("用户名有误");
			console.log("false");
			return false;
		}
		console.log("true");
		return true;
	}

	function checkPhone(){
		var userPhone = $("input:eq(1)").val();
		var reg = /^1[3456789]\d{9}$/;
		if (!reg.test(userPhone)){
			alert("手机号码有误");
			console.log("false");
			return false;
		}
		console.log("true");
		return true;
	}

	function checkIdNumber(){
		var userIdNumber = $("input:eq(2)").val();
		var reg = /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;
		if (!reg.test(userIdNumber)){
			alert("身份证号码有误");
			console.log("false");
			return false;
		}
		console.log("true");
		return true;
	}

	function checkPassword(){
		var userPassword = $("input:eq(3)").val();
		var reg = /^\w{3,20}$/;
		if (!reg.test(userPassword)){
			alert("密码有误");
			console.log("false");
			return false;
		}
		console.log("true");
		return true;
	}


	$(function () {
		$("#add_btn").click(function () {
			if (checkName() && checkPhone() && checkPassword() && checkIdNumber()){
				var windowId = layer.load();
				var userName = $("input:eq(0)").val();
				var userPhone = $("input:eq(1)").val();
				var userIdNumber = $("input:eq(2)").val();
				var userPassword = $("input:eq(3)").val();

				$.post("/user/insert.do",{
					userName:userName,
					userPhone:userPhone,
					userIdNumber:userIdNumber,
					userPassword:userPassword
				},function (data) {
					layer.close(windowId);
					layer.msg(data.result);
					if (data.status == 0){
						// 录入成功，恢复默认
						$("input").val("");
					}
				});
			}
		});

		$("#reset_btn").click(function () {
			$("input").val("");
		});
	});
</script>
</body>
</html>